@layout("/common/_container.html"){
<link href="https://pynnn.oss-cn-hangzhou.aliyuncs.com/reservations.css?v=20200606" rel="stylesheet">
<div class="ibox float-e-margins ">
    <div class="ibox-content" style="padding: 0">
        <div style="display: none">
            <input type="hidden" id="id" value="">
            <input type="hidden" id="pageType" value="0">
            <input type="hidden" id="userName" value="${userName}">
            <input type="hidden" id="reach" value="">
            <input type="hidden" id="oneChannelValue" value="请选择">
            <input type="hidden" id="twoChannelValue" value="请选择">
            <input type="hidden" id="thrChannelValue" value="请选择">
            <input type="hidden" id="menuName" value="市场-建档管理">
        </div>
        <div class="numStatistics">
            <div style="display: none"></div>
            <div id="today" onclick="ReservationsRecordTable.today()"><span>今日</span></div>
            <div onclick="ReservationsRecordTable.yesterday()"><span>昨日</span></div>
            <div onclick="ReservationsRecordTable.thisWeek()"><span>本周</span></div>
            <div onclick="ReservationsRecordTable.thisMonth()"><span>本月</span></div>
            <div onclick="ReservationsRecordTable.lastMonth()"><span>同比</span></div>
            <div onclick="displayHiding('ReservationsRecordTable')" id="zoom">
                <img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/open.png" alt="">
                <img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/shrink.png" alt="" style="display: none">
                <span>条件展开</span>
            </div>
        </div>
        <div class="divFlex" style="display: none">
            <div class="flex_one">
                <div>片区</div>
                <div>门诊</div>
                <div>部门(人员)</div>
                <div>访问病种</div>
                <div>预约项目</div>
                <div>回访状态</div>
                <div>到店状态</div>
                <div>一级渠道</div>
                <div>二级渠道</div>
                <div>三级渠道</div>
                <div>建档人</div>
                <div>跟进人</div>
            </div>
            <div class="flex_two">
                <div>
                    <select id="area" name="area" title="请选择" class="selectpicker" multiple data-actions-box="true" onchange="ReservationsRecordTable.getData()">
                        @for(str in arealist){
                        <option value="${str.areaAbbreviation}">${str.area}</option>
                        @}
                    </select>
                </div>
                <div>
                    <select id="outpatientName" title="请选择" name="outpatientName" class="selectpicker" multiple data-actions-box="true" onchange="ReservationsRecordTable.search()">
                        @for(str in outpatientManagementList){
                        <option value="${str.simplename}">${str.simplename}</option>
                        @}
                    </select>
                </div>
                <div>
                    <select id="department" name="department" class="selectBox"
                            onchange="ReservationsRecordTable.search()">
                        <option value="">全部</option>
                        @for(str in rolelist){
                        <option value="${str.id}">${str.name}</option>
                        @}
                    </select>
                </div>
                <div>
                    <select id="accessDisease" name="accessDisease" class="selectBox" onchange="ReservationsRecordTable.search()">
                        <option value="">全部</option>
                        <option value="种植">种植</option>
                        <option value="正畸">正畸</option>
                        <option value="修复">修复</option>
                        <option value="美白">美白</option>
                        <option value="牙周">牙周</option>
                        <option value="医院类">医院类</option>
                        <option value="拔牙智齿">拔牙智齿</option>
                        <option value="洗牙洁牙">洗牙洁牙</option>
                        <option value="儿童齿科">儿童齿科</option>
                    </select>
                </div>
                <div>
                    <select id="appointmentPayService" name="appointmentPayService" class="selectBox" onchange="ReservationsRecordTable.search()">
                        <option value="">全部</option>
                        @for(str in departmentList){
                        <option value="${str.department}">${str.department}</option>
                        @}
                    </select>
                </div>
                <div>
                    <select id="statuss" name="statuss" class="selectpicker" multiple title="全部" onchange="ReservationsRecordTable.search()">
                        <option value="待定">待定</option>
                        <option value="跟进">跟进</option>
                        <option value="预约">预约</option>
                        <option value="过期">过期</option>
                        <option value="无效">无效</option>
                    </select>
                </div>
                <div>
                    <select id="status" name="status" class="selectBox" onchange="ReservationsRecordTable.search()">
                        <option value="">全部</option>
                        <option value="预约">预约</option>
                        <option value="到店">到店</option>
                    </select>
                </div>
                <div><select id="oneChannel" name="oneChannel" class="selectBox"></select></div>
                <div><select id="twoChannel" name="twoChannel" class="selectBox"></select></div>
                <div><select id="thrChannel" name="thrChannel" class="selectBox"></select></div>
                <div>
                    <input type="text" id="archiving" style="width: 60%" oninput="ReservationsRecordTable.search()">
                    <a href="javascript:;" style="color: #2eadd0;" onclick="ReservationsRecordTable.getArchiving()">选择</a>
                </div>
                <div>
                    <input type="text" id="follower" style="width: 60%" oninput="ReservationsRecordTable.search()">
                    <a href="javascript:;" style="color: #2eadd0;" onclick="ReservationsRecordTable.getFollower()">选择</a>
                </div>
            </div>
        </div>
        <div class="timeButton">
            <div class="timeBox">
                <div>
                    <span>建档时间</span>
                    <input type="text" autocomplete="off" id="startFilingTime" onclick="laydate({istiem:true,format:'YYYY-MM-DD hh:mm:ss',choose:checkDate})">
                    <span>-</span>
                    <input type="text" autocomplete="off" id="endFilingTime" onclick="laydate({istiem:true,format:'YYYY-MM-DD 23:59:59',choose:checkDate})">
                </div>
                <div>
                    <button type="button" style="margin-left: 10px" class="btn" onclick="ReservationsRecordTable.addToReservations()"><img style="height: 20px;width: 20px;margin-right: 6px;vertical-align: middle" src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/newAdd.png"><span style="vertical-align: middle">新建</span></button>
                    <button type="button" style="margin-left: 10px" class="btn" onclick="ReservationsRecordTable.shortMessage()"><img style="height: 20px;width: 20px;margin-right: 6px;vertical-align: middle" src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/shortMessage.png"><span style="vertical-align: middle">短信</span></button>
                </div>
            </div>
            <div class="buttonBox" style="flex: 1.7">
                <div>
                    <button type="button" class="btn" onclick="ReservationsRecordTable.resetSearch()"><img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/empty.png"><span>重置</span></button>
                    <button type="button" class="btn" onclick="screenTable()"><img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/screen.png"><span>显示列</span></button>
                    @if(shiro.hasPermission("/reservation/export")){
                    <button type="button" class="btn" onclick="$('#ReservationsRecordTable').tableExport({ type: 'excel', escape: 'false' })"><img src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/export.png"><span>导出</span></button>
                    <button type="button" class="btn" onclick="ReservationsRecordTable.reservationsExport()"><span>导出</span></button>
                    @}
                </div>
            </div>
        </div>
        <div class="tableBox">
            <#table id="ReservationsRecordTable"/>
        </div>
    </div>
</div>
<script src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/initChannelss.js?v=20200628"></script>
<script src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/jsChannel.js?v=20200628"></script>
<script src="${ctxPath}/static/modular/marketing/reservations/reservations_record.js?v=20200628"></script>
<script src="${ctxPath}/static/modular/marketing/reservations/marketSearchContent.js?v=20200628"></script>
@}